*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
body{
	/*position: relative;
	overflow: hidden;*/
	/*height: 100vh;
	width: 100%;
	background: url(../images/1.jpg) no-repeat top center;
	bottom: 70px;
	background-size: cover;*/
}
.clearfix::after{
	content: "";
	display: block;
	clear: both;
}
.all{

}
.back{
	position: absolute;
	height: 100vh;
	width: 100%;
	background: url(../images/1.jpg) no-repeat top center;
	bottom: 35px;
	background-size: cover;
}
/*头部*/
.header{
	position: fixed;
	width: 100%;
	height: 30px;
	padding: 20px 0px;
	z-index: 100;

}
.top{
	font-size: 12px;
	width: 80%;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
}
.t-left{
	display: block;
    width: 70px;
    height: 25px;
	float: left;
	background: url(../images/original.png) no-repeat 0px 0px;
	background-size: 70px;
}
.top-img{
	float: left;
	height: 23px;
	margin-left: 10px;
	vertical-align: middle;
}
.top p{
	float: right;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color
}
.top p span{
	color: #bfbfbf;
}
.top p a{
    color: #fff;
    margin: 0 5px;
}
.middle{
/*	position: absolute;
	top: 130px;*/
	width: 100%;
	height: 100%;
	background-color: #fff;
}
.container{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}
.content{
	position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
    text-align: center;
    z-index: 2;
}
.slogan{
	width: 600px;
	height: 200px;
	background: url(../images/2.png) no-repeat 0px 0px;
	margin: 0 auto;
	background-size: 600px;
	padding-bottom: 4px;
}
.slogan-bo{
	width: 100%;
	height: 50px;
}
.cont-mi{
	width: 930px;
    height: 50px;
    margin: 15px auto 0;
    
}
.cont-mi span:hover{
	opacity: 1;
}
.cont-mi a{
	font-size: 14px;
    letter-spacing: 1px;
    height: 50px;
    width: 170px;
    color: #ffffff;
    line-height: 50px;
    display: block;
    float: left;
    text-align: center;
    /*padding-left: 18px;*/
    margin-right: 20px;
    position: relative;
    border-radius: 8px;
    background-color: #0a9adb;
    
}
.cont-mi a:last-child{
	margin: 0;
}
.cont-mi span{
	width: 100px;
	height: 50px;
	display: block;
	float: left;
	padding-left: 53px;
	opacity: 0.9;
}
.cont-mi .s1{
	
} 
.cont-mi .a3{
	overflow : hidden;
	top: 0px;
	transition: 1s;
}
.cont-mi .a3:hover .s1{
	display: none;
}
.cont-mi .a3:hover{
	height: 100px;
	transition: 1s;
	top: -25px;
}
.cont-mi .s2{
	display: block;
	background-color: #0a9adb;
	border-radius: 8px;
	height: 50px;
    width: 170px;
    padding-left: 0px;
    float: left;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 1px solid #fff;
    
}
.cont-mi .s3{
	display: block;
	background-color: #0a9adb;
	border-radius: 8px;
	height: 50px;
    width: 170px;
    padding-left:0px;
    float: left;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.a .e1{
	width: 24px;
	height: 24px;
	background:url(../images/geren.png) no-repeat 0px 0px;
	background-size: 24px;
	display: block;
	position: absolute;
    left: 20px;
    top: 14px;
}
.a .e2{
	width: 24px;
	height: 24px;
	background:url(../images/kaifazhe.png) no-repeat 0px 0px;
	background-size: 24px;
	display: block;
	position: absolute;
    left: 20px;
    top: 14px;
}
.a .e3{
	width: 24px;
	height: 24px;
	background:url(../images/shangjia.png) no-repeat 0px 0px;
	background-size: 24px;
	display: block;
	position: absolute;
    left: 20px;
    top: 14px;
}
.a .e4{
	width: 24px;
	height: 24px;
	background:url(../images/jigou.png) no-repeat 0px 0px;
	background-size: 24px;
	display: block;
	position: absolute;
    left: 20px;
    top: 14px;
}
.a .e5{
	width: 24px;
	height: 24px;
	background:url(../images/geren.png) no-repeat 0px 0px;
	background-size: 24px;
	display: block;
	position: absolute;
    left: 20px;
    top: 14px;
}
.footer{
	width: 100%;
	height:  70px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	background-color: white;
}
.finnal{
	height: 20px;
	line-height: 20px;
}

.footer ul{
	padding-left: 5px;
	padding-top: 5px;
}
.footer .finnal li{
	list-style-type: none;
	display: inline-block;
	font-size: 12px;
	color: #666;
	margin: 3px 2px;
	line-height: 1.5;
}
.footer .finnal li a{
	text-align: center;
	color: #666; 	
	font-size: 12px;
}
.nav{
	height: 20px;
	line-height: 25px;
}
.nav span{
	text-align: center;
	font-size: 12px;
	display: inline-block; 	
}
.nav span .m-l{
	margin-left: 10px;
}
.nav span a{
	color: #666666;
}
.end{
	height: 30px;
	width: 250px;
	margin: 0 auto;
}
.end a{
	float: left;
    margin-right: 5px;
    height: 28px;
    background: url(../images/nav.png) no-repeat 0px 0px;
}
.end .end1{
	background: url(../images/nav.png) no-repeat 0px -2px;
	width: 18px;
}
.end .end2{
	background-position: -33px 0px;
    width: 40px;
}
.end .end3{
	background-position: -74px 0px;
    width: 33px;
}
.end .end4{
	background-position: -115px 0px;
    width: 18px;
}
.end .end5{
	background-position: -200px 0px;
    width: 20px;
}
.end .end1:hover{
	background-position: 1px -26px;
}
.end .end2:hover{
	background-position: -33px -24px;
    width: 40px;
}
.end .end3:hover{
	background-position: -74px -24px;
    width: 33px;
}
.end .end4:hover{
	background-position: -115px -24px;
    width: 18px;
}
.end .end5:hover{
	background-position: -200px -22px;
    width: 20px;
}